<script type="text/javascript">
	$(document).ready(function() {
	
		//validator
   		$("#form-principal").validate();
	
	    $( "#submit" ).button({
	        icons: {
	            primary: "ui-icon-circle-arrow-e"
	        },
	        text: true
	    });
	
	});
</script>

<div class="login">
	<fieldset class="fieldset-conteudo">
		<legend id="conteudo-nome">Alteração de Senha</legend>
		<form id="form-principal" action="<?php echo $this->baseUrl(); ?>/login/altera-senha" method="post">
			<div>
				<div style="float:left; width:280px;">
					<label for="vlr_senha" style="width: 100px">Senha: </label>
					<span  class="span-required ui-icon ui-icon-star" title="Campo Obrigatório"></span>
					<input type="password" id="vlr_senha" name="vlr_senha" size="20" class="required" />
					<br />	
					
					<label for="vlr_senha_nova" style="width: 100px">Nova Senha: </label>
					<span  class="span-required ui-icon ui-icon-star" title="Campo Obrigatório"></span>
					<input type="password" id="vlr_senha_nova" name="vlr_senha_nova" size="20" class="required" />
					<br />	
					
					<label for="vlr_confirma_senha" style="width: 100px">Confirme Senha: </label>
					<span  class="span-required ui-icon ui-icon-star" title="Campo Obrigatório"></span>
					<input type="password" id="vlr_confirma_senha" name="vlr_confirma_senha" size="20" class="required" />
					<br />	
				</div>
				<div class="div-botoes" style="float:left; width:auto;height:50px;margin-left: 30px;">
					<button id="submit" type="submit" class="button-salvar" value="Salvar" style="top:32%;position: absolute;margin-top: -15px;">Alterar</button>
				</div>
			</div>
			<br />
			<br />
			<div>
				<fieldset class="fieldset-conteudo">
					<legend id="conteudo-nome">Informações</legend>
					<span>
						<strong>A senha deve ter no mínimo 8 e no máximo 16 caracteres alfanuméricos (letras e números)</strong>
					</span>
				</fieldset>
			</div>
		</form>
	</fieldset>
</div>